<template>
  <h1>05-组合API-setup函数</h1>
  <button>{{ msg }}</button>
</template>

<script>
export default {
  name: 'App',
  // setup 比创建组件前还要更早执行
  // 注意事项：因为组件实例还没创建，所以 this 是 undefined
  // PS：Vue3的组合式API写法，基本上不会出现 this
  setup() {
    console.log('生命周期钩子', 'setup', this)
    // 这里 return 的数据可以在模板中使用，相当于Vue2的 data 结构中定义的数据
    return { msg: 'hello' }
  },
  // 创建组件前
  beforeCreate() {
    console.log('生命周期钩子', 'beforeCreate', this)
  },
}
</script>